@charset "utf-8";
/*banner*/
.wrapper { width: 986px; margin: 0 auto; position: relative; }
#banner { width: 100%; height: 500px; background: #000; overflow: hidden; position: relative; padding-top:125px; }
#banner_img { display: block; position: relative; }
    #banner_img li { position: absolute; top: 0; left: 0; width: 100%; height: 500px; background-position: center; background-size: cover; display: none; }
      
        #banner_img li.item1 { background-image: url(../images/banner_bg1.jpg); display: block; }
        #banner_img li.item2 { background-image: url(../images/banner_bg2.jpg); }
        #banner_img li.item3 { background-image: url(../images/banner_bg5.jpg); }
        #banner_img li.item4 { background-image: url(../images/banner_bg4.jpg); }
        #banner_img li.item5 { background-image: url(../images/banner_bg3.jpg); }
        #banner_img li.item6 { background-image: url(../images/banner_bg6.jpg); }
        #banner_img li.item7 { background-image: url(../images/banner_bg7.jpg); }
        #banner_img li.item8 { background-image: url(../images/banner_bg8.jpg); }
 
    #banner_img .ad_img { position: absolute; right: 10px; top: 0px; width: 506px; height: 254px; }
    #banner_img .ad_txt { position: absolute; left: 10px; top: 90px; color: #fff; text-shadow: 1px 1px rgba(51,51,51,0.3); }
        #banner_img .ad_txt h2 { font: bold 36px/60px Microsoft YaHei; }
        #banner_img .ad_txt a { display: block; width: 100px; height: 25px; line-height: 25px; text-align: center; margin-top: 10px; background: #fff; color: #666; text-decoration: none; text-shadow: none; }
#banner_ctr { position: absolute; width: 960px; height: 122px; margin-left: -420px; left: 50%; bottom: 40px; z-index: 1; }
    #banner_ctr ul { width: 960px; height: 122px; background: url(../images/serv_ico.png) center no-repeat; font-size:0; line-height:0; position: relative; }
    #banner_ctr li { display: block; float: left; width: 115px; height: 122px; cursor: pointer; font-size:0;}
        #banner_ctr li.first-item { background: #fff; width: 20px; -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px; cursor: default; }
        #banner_ctr li.last-item { background: #fff; width: 20px; -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; cursor: default; }
#drag_ctr { position: absolute; top: -14px; left: 20px; width: 115px; height: 156px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; bottom: 170px; background: #bd0004; }
#drag_arrow { position: absolute; top: -14px; left: 20px; width: 115px; height: 156px; background: url(../images/drag_banner_arrow.gif) center 14px no-repeat; }

/*banner*/

/*center*/
.kong{
	height:10px;
	
	}

.picnav {
    border: 1px solid #BEBAB1;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    width: 1038px;
}
.picnav ul {
    background: url("../images/picnavbg.jpg") no-repeat scroll 0 0 transparent;
    height: 65px;
    overflow: hidden;
}
.picnav ul li {
    float: left;
    width: 173px;
}
.picnav ul li a {
    float: left;
    height: 65px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 173px;
}
.picnav ul li#pp1 a:hover {
    background: url("../images/pp01.jpg") repeat scroll 0 0 transparent;
}
.picnav ul li#pp2 a:hover {
    background: url("../images/pp02.jpg") repeat scroll 0 0 transparent;
}
.picnav ul li#pp3 a:hover {
    background: url("../images/pp03.jpg") repeat scroll 0 0 transparent;
}
.picnav ul li#pp4 a:hover {
    background: url("../images/pp04.jpg") repeat scroll 0 0 transparent;
}
.picnav ul li#pp5 a:hover {
    background: url("../images/pp05.jpg") repeat scroll 0 0 transparent;
}
.picnav ul li#pp6 a:hover {
    background: url("../images/pp06.jpg") repeat scroll 0 0 transparent;
}

/*center*/

.blacks {
    color: #000203;
}
.left {
    float: left;
}
.right {
    float: right;
}
.size14 {
    font-size: 14px;
}
.size14:hover {
    font-size: 14px;
}
.size16 {
    font-size: 16px;
}
.size16:hover {
    font-size: 16px;
}
.size18 {
    font-size: 18px;
}
.size18:hover {
    font-size: 18px;
}
.size20 {
    font-size: 20px;
}
.size20:hover {
    font-size: 20px;
}
.size47 {
    font-size: 47px;
}
.size47:hover {
    font-size: 47px;
}
.size30 {
    font-size: 30px;
}
.size30:hover {
    font-size: 30px;
}
.size24 {
    font-size: 24px;
}
.size24:hover {
    font-size: 24px;
}
.symain {
    height: auto;
    margin: 0 auto;
    width: 1038px;
}
.mf1 {
    color: #000203;
    height: 100px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    width: 1038px;
}
.mf1 span {
    display: inline-block;
    height: 100px;
    line-height: 100px;
}
.mf1 i {
    background: url("../images/img1.png") repeat scroll -5px -37px transparent;
    display: inline-block;
    height: 14px;
    overflow: hidden;
    width: 17px;
}
.mf2 {
    height: 162px;
    margin: 0 auto;
    overflow: hidden;
    width: 1038px;
}
.mf2 li {
    float: left;
    height: 162px;
    overflow: hidden;
    text-align: center;
    width: 255px;
}
.mf2 dl {
    overflow: hidden;
    width: 100%;
}
.mf2 dt {
    color: #000203;
    font-size: 17px;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    width: 258px;
}
.mf2 dd {
    border-right: 1px solid #F0F0F0;
    color: #A3A1A1;
    height: 124px;
    line-height: 24px;
    overflow: hidden;
    padding: 0 10px 0 25px;
    text-align: left;
    width: 214px;
}
.mf3 {
    height: auto;
    overflow: hidden;
    width: 1038px;
}
.mf3bt {
    border-bottom: 1px solid #BFBFBF;
    height: 50px;
    overflow: hidden;
    width: 1038px;
}
.mf3bt span {
    display: inline-block;
    height: 50px;
    line-height: 50px;
}
.mf3bt i {
    background: url("../images/img1.png") repeat scroll -5px -37px transparent;
    display: inline-block;
    height: 14px;
    margin-top: 18px;
    overflow: hidden;
    width: 17px;
}
.mf3box {
    height: 373px;
    margin-top: 15px;
    overflow: hidden;
    width: 100%;
}
.m3p399 {
    height: 373px;
    margin-right: 1px;
    overflow: hidden;
    position: relative;
    width: 399px;
}
.m3p3999 {
    height: 373px;
    overflow: hidden;
    position: relative;
    width: 238px;
}
.m3p199 {
    height: 186px;
    overflow: hidden;
    position: relative;
    width: 238px;
}
.m3db1 {
    margin-bottom: 1px;
}
.m3txt {
    background: none repeat scroll 0 0 #B12025;
    bottom: 0;
    height: 185px;
    left: 0;
    position: absolute;
    width: 399px;
}
.m3tbox {
    color: #FFFFFF;
    height: 130px;
    line-height: 180%;
    margin: 26px 0 0 21px;
    overflow: hidden;
    width: 360px;
}
.mf4 {
    height: auto;
    margin-top: 32px;
    overflow: hidden;
    width: 1038px;
}
.mf4box {
    height: 363px;
    margin-top: 15px;
    overflow: hidden;
    width: 100%;
}
.mf4239 {
    height: 181px;
    margin-right: 1px;
    overflow: hidden;
    position: relative;
    width: 278px;
}
.m4p479 {
    height: 363px;
    margin-right: 1px;
    overflow: hidden;
    position: relative;
    width: 479px;
}
.m4dt1 {
    margin-top: 1px;
}


.mf5 {
    height: auto;
    margin-top: 32px;
    overflow: hidden;
    width: 1038px;
}
.mf5box {
    height: auto;
    margin-top: 15px;
    overflow: hidden;
    width: 100%;
}
.mf5box dl {
    float: left;
    height: auto;
    margin-bottom: 15px;
    margin-right: 10px;
    overflow: hidden;
    width: 190px;
}
.mf5box dd {
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    width: 190px;
}
.mf5box li {
    height: 59px;
    overflow: hidden;
    width: 290px;
}
.mf5box li img {
    height: 59px;
    width: 290px;
}
.m5r13 {
    margin-right: 13px;
}
.mf6 {
    height: auto;
    margin-top: 32px;
    overflow: hidden;
    width: 1038px;
}
.mf6box {
    height: auto;
    margin-top: 15px;
    overflow: hidden;
    width: 100%;
}
.mf6box dl {
    float: left;
    height: auto;
    margin-bottom: 20px;
	margin-left:1px;
    overflow: hidden;
    width: 258px;
}
.mf6box dt {
    background: none repeat scroll 0 0 #B12025;
    height: 168px;
    line-height: 36px;
    overflow: hidden;
    position: relative;
    width: 258px;
}
.mf6box dt img {
    display: block;
    height: 168px;
    left: 0;
    position: absolute;
    top: 0;
    width: 258px;
}
.mf6box dd {
    height: auto;
    margin-top: 15px;
    overflow: hidden;
    width: 258px;

}
.mf6box dd p {
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    width: 100%;
	color:#666;
	font-size:14px;
}
.mf7 {
    background: none repeat scroll 0 0 #F3F3F3;
    height: auto;
    margin-bottom: 8px;
    margin-top: 32px;
    overflow: hidden;
    padding-bottom: 35px;
    width: 1038px;
}
.mf7 dl {
    float: left;
    height: auto;
    overflow: hidden;
    padding-left: 30px;
    width: 360px;
}
.mf7 dt {
    border-bottom: 1px solid #DADADA;
    height: 48px;
    width: 360px;
}
.mf7 dt span {
    display: inline-block;
    float: left;
    height: 48px;
    line-height: 48px;
    overflow: hidden;
    width: 268px;
}
.mf7 dt i {
    display: inline-block;
    float: left;
    height: 48px;
    line-height: 48px;
    overflow: hidden;
    width: 90px;
}
.mf7 dd {
    height: 50px;
    line-height: 24px;
    overflow: hidden;
    padding: 18px 0;
    width: 100%;
}
.typictxt {
    background: none repeat scroll 0 0 #B12025;
    bottom: -60px;
    color: #FFFFFF;
    height: 40px;
    left: 0;
    line-height: 20px;
    overflow: hidden;
    padding: 10px 0;
    position: absolute;
    width: 100%;
}
.typictxt p {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding-left: 10px;
}
.typictxt a {
    color: #FFFFFF;
}
.typictxt a:hover {
    color: #FFFFFF;
}


/*bottom new*/
.bottomnews{ margin:0px auto;overflow:hidden}
.ympic,.newsbox{ float:left; margin-right: 40px;}
.newsbox{width:306px;}
.guojishangxi{width:300px;float:right;}
.newsbox .news_hd li,
.guojishangxi .guojishangxi_hd li{float:left; width:100px; height:28px; color:#fff; background:#7e7e80; margin-right:2px; line-height:28px; text-align:center;}
.newsbox .news_hd li.on,
.guojishangxi .guojishangxi_hd li.on{ background:#414143}

.guojishangxi .guojishangxi_hd li{ width:138px;text-align:left;padding-left:10px;}
.newsList li,.xinshangLi li{ text-align:right;margin:3px 0;}
.newsList li a,.xinshangLi li a{float:left; color:#414141; background:url(../images/index_icon01.gif) left center no-repeat;padding-left:12px; font-size:12px;}

.newcase{float:left;margin-right: 45px; width:330px;}
.newcase h2{border-top:3px solid #B12024}
.newcase h2,.newcase h2 a{color:#B12024;font-size:15px;}
.newcase li a{color:#414141; font-size:12px; background:url(../images/index_icon01.gif) left center no-repeat;padding-left:12px;}
.newcase li{margin:3px 0; }

/*bottom new*/